<template>
    <a-modal
        :bodyStyle="{maxHeight: '70vh', overflowY: 'auto' }"
        :destroyOnClose="true"
        :title="title"
        :width="width"
        :visible="visible"
        :confirmLoading="confirmLoading"
        :maskClosable="maskClosable"
        v-drag
        @ok="ok"
        @cancel="cancel"
        cancelText="关闭"
        :ok-button-props="{ props: { shape:'round'} }"
        :cancel-button-props="{ props: { shape:'round'} }">
        
        <a-spin :spinning="confirmLoading">
            
        </a-spin>
    </a-modal>
</template>

<script>

export default {
    name:'trend',
    components:{},
    props:{
        
       
  
    },
    data(){
        return{
            title:'',
            width:800,
            visible:false,
            confirmLoading:false,
            maskClosable:true,
            model:{},
        }
    },
    created(){
        
    },
    methods:{
        edit (record) {
           
            this.visible = true;
            this.model = Object.assign({}, record);

        },
        ok(){
            this.$emit('handleOk');
            this.$destroyAll();
            this.visible = false;
        },
        cancel(){

            this.$emit('handleCancel');
            this.$destroyAll();
            this.visible = false;
        },
      
       
    }
}
</script>